<%-- 顶部导航栏模板 --%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>宠物邻里互助平台</title>
    <style>
        /* 样式定义部分省略... */
    </style>
    <%-- 引入Font Awesome图标库 --%>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
</head>
<body>
<%-- 导航栏 --%>
<nav class="navbar">
    <%-- 网站Logo --%>
    <div class="logo">
        <i class="fas fa-paw"></i>
        <span>宠物邻里互助平台</span>
    </div>

    <%-- 导航链接 --%>
    <ul class="nav-links">
        <%-- 宠物寄养链接 --%>
        <li class="dropdown">
            <a href="${pageContext.request.contextPath}/Hosts/list"><i class="fas fa-home"></i> 宠物寄养</a>
        </li>

        <%-- 社区论坛链接 --%>
        <li>
            <a href="${pageContext.request.contextPath}/forum/list?user_id=${login_user.user_id}">
                <div class="user-avatar"><i class="fas fa-comments"></i></div>
                社区论坛
            </a>
        </li>

        <%-- 个人中心下拉菜单 --%>
        <li class="dropdown">
            <a href="#">
                <div class="user-avatar"><i class="fas fa-user"></i></div>
                个人中心 <i class="fas fa-chevron-down"></i>
            </a>
            <div class="dropdown-content">
                <a href="${pageContext.request.contextPath}/user/profile"><i class="fas fa-user-circle"></i> 个人信息</a>
                <a href="${pageContext.request.contextPath}/pet/list?user_id=${login_user.user_id}"><i class="fas fa-paw"></i> 宠物信息</a>
                <a href="${pageContext.request.contextPath}/order/List"><i class="fas fa-list-alt"></i> 我的订单</a>
            </div>
        </li>

        <%-- 用户头像 --%>
        <li>
            <img src="${login_user.icon}" alt="用户头像" style="width: 40px; height: 40px; border-radius: 50%; object-fit: cover; border: 2px solid var(--border-color);">
        </li>

        <%-- 退出按钮 --%>
        <li>
            <a href="${pageContext.request.contextPath}/user/logout" class="login-btn">
                <div class="user-avatar"><i class="fas fa-sign-out-alt"></i></div>
            </a>
        </li>